<!DOCTYPE html>
<html>
<head>
  <title>Pdf</title>
  <%= stylesheet_link_tag    "application", media: "all", "data-turbolinks-track" => true %>
  <%= javascript_include_tag "application", "data-turbolinks-track" => true %>
  <%= csrf_meta_tags %>
  <style type="text/css">
  	table{
  		border-collapse: collapse;
		font-size:10px;
	}
	td, th {
    border: 1px solid black;
    padding: 0;
	}
	.top{
		position:relative;
		top:0px;
		left: 1px;
	}
	.bottom{
		height:10px;
		position:relative; 
		bottom: -10px;
		left:5px;

	}
	td.inside{
		width: 15px;
		border-top-style:none;
		text-align: center;
		padding-bottom: 2px;
	}
	.row{
		width: 100%;
		height: 35px;
		border: 1px solid black;
		background-color: white;
	}
	.head{
		width: 100%;
		height: 40px;
		background-color: white;
	}
	.row-large{
		width: 100%;
		height: 60px;
		border: 1px solid black;
		background-color: #DDDDDD;
	}
	.top-deep{
		position:relative;
		top:3px;
		left: 4px;
	}
	dl{
		margin-left: 10px;
	}
	dd{
		margin-left: 5px;
	}
	.box-large{
		width:15px;
		height:16px;
		border:1px solid black;
		position: relative;
		left: 5px;
		bottom: -3px;
		text-align: center;
		font-size: 10px !important;
		padding-top: 4px;
	}
	.next-box{
		position: relative;
		left: 10px;
		top: -25px;
	}
	.couple-box{
		width:32px;
		height:21px;
		position: relative;
		left: 5px;
		bottom: -2px;
		text-align: center;
		font-size: 10px !important;
		border: 1px solid black;
	}
	.box-inside{
		width: 15px;
		height: 90%;
		float: left;
		padding-top: 4px;
	}
	.box-inside#right{
		border-left: 1px solid black;
	}
	pre{
		font-weight: normal;
	}
  </style>
</head>
<body>

<%= yield %>

</body>
</html>
